import { useEffect } from "react"
import { useDispatch } from "react-redux"
import Channel from "../components/Channel"
import NewsList from "../components/NewsList"
import { getChannelList } from "../store/actions/channel"

export default function Login() {
  const dispatch = useDispatch()

  useEffect(() => {
    dispatch(getChannelList())
  }, [dispatch])
  return (
    <div>
      <Channel></Channel>
      <NewsList></NewsList>
    </div>
  )
}
